/* ---------------------------------------------------------- */
/*                                                            */
/* 项目：营销响应式网站                                       */
/*                                                            */
/* - 时间：2016.06.06                                         */
/* - 作者：金铂                                               */
/*                                                            */
/*                                                            */
/*                           QQ:439933277                     */
/*                                                            */
/* ---------------------------------------------------------- */

@charset "utf-8";
@import url(normalize.css);
@import url(font.css);
@import url(base.css);

/**
 * reset
 */
 html{overflow-x: hidden;}
body{overflow-x:hidden;color:#3e3e3e;font:75%/1.8 'Microsoft Yahei',Arial,sans-serif}
input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}
body,button,dd,dl,form,h1,h2,h3,h4,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:top}
a{outline:0;color:#5e5e5e;text-decoration:none;font-family:"微软雅黑";transition:all .2s ease}
a:hover{color:#333}
b,i{font-style:normal}


/*
* common
*/
.opc0{opacity:1;}
.fix{*zoom:1;}
.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.eln{ white-space:normal;}
.btn{cursor:pointer;}
.hide{display:none;}
.arr{width:0;height:0;overflow:hidden;}
.f_ewm{float:left;margin-right: 1em;}

#swiper_hor .swiper-slide { width: 25%; float:left }
#swiper_hor .media-box { margin: 0 auto; margin-bottom: 0px; width: 90%; }
@media screen and (max-width:640px){
.thumb-wrapper .jcarousel .media-box .icon{ width: 305px }
}


    .thumb-wrapper .jcarousel{width:auto;margin: 0 7%}
    .thumb-wrapper .jcarousel .media-box{border: 4px solid #f9f9f9}
    .thumb-wrapper .jcarousel .media-box .icon{width: 250px; height: 164px;background: none;border: 0}
    .thumb-wrapper .jcarousel-control {color: #878787;border:5px solid #878787}
    .thumb-wrapper .jcarousel-control:hover {color: #000;border-color: #fff;background-color: #b4b4b4}
/*
* header
*/
.bar{background: #f4f4f4; position: relative; clear: both; z-index: 101; height:22px; line-height:22px; color:#676665; overflow: hidden;}
.bar a{color: #676665;}
.bar ul li{ float:left;}
.bar ul li i{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #fff;margin:0 4px}
/* 社会化标志 */
.bar .link a{display:inline-block;float:left;background:url(../img/social.jpg) no-repeat; vertical-align:middle; margin-top:7px; margin-right:16px;width: 25px;height: 28px;}
.bar .link .link01{ background-position:0 0;}
.bar .link .link02{ background-position:-43px 0}
.bar .link .link03{ background-position:-87px 1px}
.bar .link .link04{ background-position:-130px 1px}
.bar .link .link05{ background-position:-173px 0}
.bar .link .link06{ background-position:-216px 0}

#linkman{ overflow-x:scroll; }

/* LOGO */
.logo{position:relative;width: 100%;overflow: hidden}
.logo .wrap{padding: 10px 0;}
.logo h1{padding-left: 2%;padding-bottom: 3%;}
.wrap2{ max-width: 1600px; margin: 0 auto}
.logo a{display:block; width: 565px}
.logo .head_tel{color:#f6ba2f;font-size: 26px;font-weight: bold;line-height: 1.4; float: right;}
.logo .head_tel{line-height:30px;padding-left:95px;background: url(../img/icon_tel.jpg) center left no-repeat; text-align: right; margin: 20px 0;padding-right: 2%;}
.logo .head_tel p{color:#f6ba30; float: left;  }
.head_tel span{ float: left; color: #000; line-height: 60px; }
.logot1{ color: #d61701; font-size: 18px; }
.logot2{ font-size: 18px; font-weight: bold; }
.toptxt{ text-align: right; padding-right: 2%;}
.video{ width: 100%; height: 270px; }
/* 导航 */
.header{width:100%;background:#fff;z-index:99999;box-shadow: 0 4px 6px rgba(0,0,0,.3); position: relative;}
.header .nav_con{background: #f8bd30}
.header .nav{height:46px;line-height: 46px}
.header .nav li.child{position:relative;float:left;width:10%;text-align:center;}
.header .nav li.child.navChildSearch{line-height:20px !important;}
.header .nav li.child .title{font-size:18px;color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;background-position: center bottom;}
.header .nav li.child .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav li.child.on .title,.header .nav li.child a:hover .title{color:#fff;background: #f89747;}
.header .nav li.child .childContent{display:none;position:absolute;top:45px;width:auto; float:left; text-align:left}
.header .nav li.child .childContent .childContentLi{color:#FFF;font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #c6c5c4;padding: 0 5px;background: #f8bd30;
-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);}
.header .nav li.child .childContent .childContentLi:hover{background:#f89747;color:#fff;}
.header .nav li.child .language{display:inline-block;*display:inline;*zoom:1;height:16px;line-height:16px;padding:0 8px;font-size:16px;color:#666;}
.header .nav li.child .language:hover{color:#00aa3a;}
.header .nav li.child .language.cn{border-right:1px solid #ccc;}
.header .nav li.child .language.on{color:#00aa3a;}
.header .nav li.child .seachIcon{cursor:pointer;}
.header .nav li.child:hover .childContent{ display: block; }


.header .list{position:relative;background:#363839;z-index:6;}
.header .list .box{padding:50px 0;display:none;}
.header .list .content{width:492px;}
.header .list .listMTitle{color:#fff;font-size:18px;line-height:24px;padding-bottom:24px;}
.header .list .listTitle{position:relative;width:100%;}
.header .list .listTitle:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .list .listTitle .title{border-bottom:1px solid #999999;line-height:36px;color:#B9B9B9;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.header .list .listTitle .title a{color:#B9B9B9;font-size:14px;}
.header .list .listTitle .title img{margin-right:12px;}
.header .list .listTitle .title .pointer{cursor:pointer;position:absolute;right:0px;top:16px;width:11px;height:11px;}
.header .list .listTitle .title .pointer .sub{position:absolute;left:0px;top:5px;width:11px;height:1px;background:#999;}
.header .list .listTitle .title .pointer .sub.sub2{ transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .list .listTitle .title .pointer .sub.sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .list .listTitle .title .pointer.on .sub.sub2{ transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.header .list .listTitle .listContent{display:none;width:94%;float:right;}
.header .list .addBtn{z-index:5;cursor:pointer;position:absolute;bottom:-35px;right:0;width:35px;height:35px;background:url(../img/addIcon.png) no-repeat;}
.header .list .addBtn .sub{position:absolute;width:10px;height:2px;background:#fff;}
.header .list .addBtn .sub.sub1{top:12px;left:22px;}
.header .list .addBtn .sub.sub2{top:12px;left:22px; transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .list .addBtn .sub.sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .list .addBtn.on .sub.sub2{ transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}

.header .searchContent{display:none;position:absolute;bottom:-80px;right:0px;padding:25px;  background-color: #f2efef;border-bottom:1px solid #dcdadb;border-left:1px solid #dcdadb;}
.header .searchContent .seach{margin:0;}

.wapNavBtn{display:none;position:absolute;top:58px;right:32px;cursor:pointer;}
.wapLanguage{display:none;position:absolute;top:35px;right:120px;}
.wapLanguage .language{padding:0 14px;color:#999999;font-size:28px;line-height:28px;display:inline-block;*display:inline;*zoom:1;}
.wapLanguage .language.on{color:#00aa3a;}
.wapLanguage .language.cn{border-right:3px solid #bababa;}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}

/*
* footer
*/
footer{text-align:center;background:#030302;color: #fff;font-family: "Times New Roman", Times, serif;}
footer a{color: #fff!important;}
footer .tel_hot{display:inline-block;background: #030509;font-size: 26px;padding: 9px 0px}
footer .foot_link{background: #fff;height: 22px; padding: 20px 0 20px 0; overflow: hidden;color: #000;}
footer .foot_link li{float: left;margin-right: 1em}
footer .foot_cr{background: #761d1e;height: auto; padding: 10px;}
footer .foot_info{background: #812021;padding: 10px 0;}
footer .foot_info h2{font-weight: normal; font-size: 50px; text-indent: 100%; background: url(../img/foot_t.jpg) top center no-repeat; line-height: 100px; padding: 10px 0}
footer .foot_info .tel{margin-bottom: 20px;}
footer .foot_info span{margin-right: 1em;}
.foot{background: #191918;text-align: left;color: #fff}
.foot .usinfo .info{color: #fff}
.foot .form-control {
    color: #7bb5e9;
    background-color: #080807;
    border: 1px solid #fff;
}

/*
* top
*/
.top{display:none;position:fixed;right:30px;bottom:60px;z-index:999;width:60px;height:60px;background:#d4d4d4;opacity:0.8;line-height:60px;text-align:center;cursor:pointer;}
.top{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.top:hover{background:#717373;}
.top img{vertical-align:middle;}

/*
 * banner 
 */
.banner{position:relative;overflow:hidden;/*height:643px;*/clear:both;margin-top: 0; z-index: 888;}
.banner ul,.banner li{position:relative;height:100%;overflow:hidden;}
.banner ul img{/*position:absolute;*/left:50%;top:0;/*margin-left:-50%;*/max-width:none; width:100%;}
.banner .dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
.banner .dot{display:inline-block;width:10px;height:10px;overflow:hidden;border-radius:50%;background:#bbb;margin:0 8px;font-size:0;cursor:pointer;}
.banner .active{background:#f39800;}
.banner .arrow{display:none;position:absolute;width:69px;height:70px;background:url(../img/btn_banner.png);cursor:pointer;top:50%;margin-top:90px;opacity:0;font-size:0;}
.banner .prev{left:0;}
.banner .next{right:0;background-position:right 0;}
.banner .prev:hover{background-position:0 bottom;}
.banner .next:hover{background-position:right bottom;}
/*
 * nbanner
 */
.nbanner {
	/* background-color: #dfe8f1; */
  background-image: url('../images/nbanner.jpg');
  /* height: 150px; */
  padding-top: 34%;
  text-align: center;
	position: relative;
  background-size: cover;
  background-position: center;
  min-height: auto!important;
}
.nbanner span{
    color: #3e3939
}
.nbanner span.size1{
    font-size: 30px;
    font-weight: normal
}
.nbanner span.size2{
    font-size: 20px;
    font-weight: normal
}

/*
 * ibanner
 */
.ibanner{width:100%;height:auto;position:relative;z-index:10;margin-top:-3px;clear:both;overflow:hidden;margin:0 atuo;}
.ibanner .hd{width: 800px;margin: 0 auto;height: 15px;background-color: #812021; /* or background-img*/border-radius: 10px;margin-top: 50px;margin-bottom: 20px;position: relative;}
.ibanner .hd ul li{float:left;display:block;width:25%;height:11px;cursor:pointer;padding: 2px 0; /* or background-img*/}
.ibanner .hd ul li strong{position: absolute; top: -50px; width: 25%; text-align: center; font-size: 18px}
.ibanner .hd ul li a.banner1{display:block;width:12px;height:12px;border-radius: 50%;background: #fff;margin: 0 auto}
.ibanner .hd ul li.on a.banner1{display:block;width: 16px;height: 26px;margin-top: -14px;border-radius: 0px;background:url(../img/slide_dot_hover.png) bottom center no-repeat #812021;}
.ibanner .bd li{width:100%;height:505px;position:relative;overflow:hidden;}
.ibanner .bd img{width:1900px;height:505px;position:absolute;left:50%;margin-left:-950px;top:0px;max-width:none;}

/*.ibanner { width:100%; height:460px;  position:relative; z-index:10; margin-top:-3px; clear:both; overflow:hidden; margin:0 atuo;}
.ibanner .bd li { width:100%; height:460px; position:relative; overflow:hidden;}
.ibanner .bd img { width:1920px; height:460px; position:absolute; left:50%; margin-left:-960px; top:0px; max-width:none;}
.ibanner .hd { position:absolute; top:50%; right:50%; z-index:1; margin-top:-133px; margin-right:-480px;background:url(../img/slide_list_bg.png) repeat-y center center; width:15px; height:266px;}
.ibanner .hd ul li { float:left; display:block;width:15px; height:15px; cursor:pointer; margin-bottom:70px;background:url(../img/slide_dot.png) no-repeat; }
.ibanner .on .banner1 { display:block; background:url(../img/slide_dot_hover.png) no-repeat; width:104px; height:43px; position:relative; top:-2px; left:-75px; }
.ibanner .on .banner2 { display:block; background:url(../img/slide_dot_hover.png) no-repeat; width:104px; height:43px; position:relative; top:-2px; left:-75px; }
.ibanner .on .banner3 { display:block; background:url(../img/slide_dot_hover.png) no-repeat; width:104px; height:43px; position:relative; top:-2px; left:-75px; }
.ibanner .on .banner4 { display:block; background:url(../img/slide_dot_hover.png) no-repeat; width:104px; height:43px; position:relative; top:-2px; left:-75px; }
*/


/*
* block
*/
.index_ {padding:3% 0;}
.index_ .T{padding-bottom: 2%;text-align: center;}
.index_ .T h2{font-size: 36px;line-height:1.3;font-weight: bold;}
.index_ .T h2 strong{padding: 0 10px;position: relative;}
.index_ .T h2 strong:before{display: block;content: ' ';width:1200px;height: 1px;border-bottom: 1px solid #ccc;position: absolute;right: 100%;bottom: 50%}
.index_ .T h2 strong:after{display: block;content: ' ';width:1200px;height: 1px;border-bottom: 1px solid #ccc;position: absolute;left: 100%;bottom: 50%}
.index_ .T h3{font-size: 20px;font-weight: normal;}
.index_ .T h4{font-size: 32px;line-height:1.2;font-weight: bold;font-family: 'DIN Condensed Bold';}
.index_ .T img{display:block;}
.index_scroll h2{color:#fff;}
.index_scroll .T .more{float:right;width:152px;height:59px;background:url(../img/i_18.png) 0 bottom no-repeat;overflow:hidden;text-indent:-999px;margin-right:20px;}


/* ==========================================================================
   Index Page
   ========================================================================== */

/*
 * 首页产品
 */
.section_pro{overflow: hidden;padding: 3% 0 2%;}
.section_pro .article{text-align: left;}
.section_pro .article .T{border-bottom: 2px solid #ccc;padding: 10px;}
.section_pro .article .T h2{font-size: 18px;float: left;line-height: 30px;}
.section_pro .article .T h3{font-size: 20px;float: right;line-height: 30px;}
.section_pro .article .T h4{font-size: 14px;float: right;line-height: 30px;}
.section_pro .article .C{margin: 15px 0 0 0;font-size: 14px;overflow: hidden;}
.section_pro .media-box{padding-bottom: 15px}
.media-box{display:block;text-align: center;padding-bottom: 30px;background: #fff;width: 100%;}
.media-box .icon{display: inline-block; background: #fff; width: 100%; height: 172px; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;object-fit: cover;width: 100%;height: 100%;}
.media-box h3{font-size: 16px;padding:5px 5px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.media-box p{font-size: 14px;padding:0 10px;}
.section_pro .media-box:hover .icon img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.section_pro .media-box .icon img{max-width: 100%;max-height: 100%}

#accordion_t{font-size: 24px;background: #161617;color: #fff;line-height: 56px;text-align: center;}
#accordion{border: 1px solid #e2e2e2;padding: 10px}
#accordion h3{display: block;cursor: pointer;position: relative;margin-bottom: 6px;padding: 5px 30px 5px 27px;min-height: 0;font-size: 14px;font-weight: bold;background: #ededed}
#accordion h3:hover{ background:#fabe31; }
#accordion h3.ui-state-active{}
#accordion h3 span{width: 12px;height: 12px;line-height:12px;text-align:center;display: block;overflow: hidden;position: absolute;right: .5em;top: 50%;margin-top: -8px;background: #f8bd30;color: #fff}
#accordion h3 span.ui-icon-circle-arrow-s{background-position: 1px -56px;}
#accordion h3 span.ui-icon-circle-arrow-s:after{display: block;content: '-';}
#accordion h3 span.ui-icon-circle-arrow-e{background-position: 1px -70px}
#accordion h3 span.ui-icon-circle-arrow-e:after{display: block;content: '+';}
#accordion ul{}
#accordion ul li a{display: block;line-height: 30px;font-size: 14px;border-bottom: 1px dotted #ccc;padding: 4px 30px;}
#accordion ul li a:hover{color: #5fbe36}

/*
 * 关于我们 
 */
.section_about{background: #fff;overflow: hidden;}
.section_about .about-box{height: auto;}
.section_about .about-box .article{padding:0px 20px 30px 0px;}
.section_about .about-box .article .C{margin: 0;font-size: 14px;text-align: left;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;line-height: 30px;}
.section_about .about-box .more{display: inline-block;padding: 5px 10px;border: 1px solid #ccc;margin-top: 10px}

a.more{color: #575757;margin:0 auto;}
a.more{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
a.more:hover{color: #fff; background-color: #2882d0; border-color: #2882d0;}

/*
 * 我们的优势
 */
.section_block{background:url(../img/ys_bg.jpg) no-repeat;}
.section_block .T{color: #000}
.section_block .T h2 strong:before{border-bottom: 1px solid #fff;}
.section_block .T h2 strong:after{border-bottom: 1px solid #fff}
.txt-left{ text-align: left; }
.services-box{text-align: center;padding-bottom: 30px;background: #fff}
.services-box .icon{display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px;}
.services-box .icon a{display: block;width: 67px;height: 67px;margin: 0 auto;padding-top: 12px;}
.services-box .icon img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.services-box .icon a:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.services-box h3{font-size: 16px;padding:5px 5px; height:55px;}
.services-box p{font-size: 14px;height: 180px}
.contact-tel{ font-size: 20px !important; font-weight: bold; color: #f00;}
.contact-tel a{ color: #f00; }
.seg {
    padding: 5px;
    border: 1px solid #d5d5d5;
    margin-bottom: 15px;
}
.seg .segin {
    padding: 10%;
    border: 1px solid #d5d5d5;
}

.pc-slide {
  width: 100%;
  margin: 0 auto;
}

.view .swiper-container {
  width: 100%;
  height: 400px;
}

.view .arrow-left {
  background: url(../img/index_tab_l.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10;
}

.view .arrow-right {
  background: url(../img/index_tab_r.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10;
}

.preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.preview .swiper-container {
  width: 530px;
  height: 82px;
  margin-left: 35px;
}

.preview .swiper-slide {
  width: 87px;
  height: 82px;
}
.preview .swiper-slide img{
height: 82px; width: 87px;
}
.zoom-pic{ text-align: center; }
.zoom-pic img{ max-height: 100%; max-width: 100%; }

.preview .slide6 {
  width: 82px;
}

.preview .arrow-left {
  background: url(../img/feel3.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.preview .arrow-right {
  background: url(../img/feel4.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.preview img {
  padding: 1px;
  
}

.preview .active-nav img {
  padding: 0;
  border: 1px solid #f5b92e;
}

/*section_adv1*/
.section_adv1{/* background: url(../img/index/heng_1.jpg) center center no-repeat #1076d2; height: 172px;*/text-align: center; line-height: 1.2rem;position: relative;}
.ghost-center2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.ghost-center2 p{padding: 15px;}
.ad1t1{ font-size: 16px; color: #f4b82d; clear: both;  font-weight: bold;}
.ad1t2{font-size: 24px; color: #FFF; clear: both;font-weight: bold;}
.ad1t3{ font-size:20px; color: #FFF; clear: both;  }
.ghost-center p {
  padding: 0 15px;
 position: absolute;left: 50%;top: 10%;transform: translate(-50%,-0%);width: 100%;
 display: none;
}

.ad1t2 span{ color: #f5ba2e;}

/*section_adv2*/
.section_adv2{background: #1076d2;height: 200px}

/*section_advtage*/
.section_advtage{background: #f4f4f4}
.section_advtage .services-box {
    padding-bottom: 10px;
    background: inherit;
    text-align: left;
}
.section_advtage .services-box h3{
padding-left: 46px;
background: url(../img/icon_5.jpg) #fabe31 no-repeat 10px center;
font-size: 19px;
font-weight: normal;
color: #000;
border-radius: 10px;
line-height: 55px;
}
.section_advtage .services-box p{
padding: 10px 5px;
height: auto;
}

/*
 * section_news
 */
.section_news{background:#fff;overflow: hidden;}
.section_news .media-box{background: #f4f4f4}
.section_news .media-box .icon{height: 180px}
.section_news .media-box .icon img{width:100%;height: 100%}
.section_news .media-box p{height: 50px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news-box{position: relative;font-family: "Times New Roman", Times, serif;color: #828282;border-bottom: 1px dotted #ddd;padding: 1em 0;}
.news-box .date{line-height: 22px; border-top: 3px solid; padding-top: 14px; margin-top: 6px;text-align: center;}
.news-box .item{display: none;}
.news-box .date i{font-size: 38px;font-weight: bold;}
.news-box h3{font-size: 16px;font-weight: normal;}
.news-box .more{color: #2785ce; font-weight: bold;}
.news-box .more:hover{color: #000;background:none}

/*我们的合作客户*/
.section_cop{background: #fff}
.section_cop .icon{
text-align: center;
border: 1px solid #cecece;
}
.section_cop .media-box{
margin-bottom: 0;
padding-bottom: 0
}
.bot-nav{ max-width: 1400px; border-top: 1px dotted #FFF; border-bottom: 1px dotted  #FFF; clear: both; margin: 3% auto; font-size: 16px;height: 3rem;}
.bot-nav ul li{ float:left; padding: 0 0%; line-height: 3rem;width: 10%;}



/* ==========================================================================
   Inner Page
   ========================================================================== */
.section_nabout,
.section_nfzmb,
.section_nzlyy,
.section_xmgh,
.section_nptss,
.section_nhxyf,
.section_nnews,
.section_ncontact,
.section_nculture{overflow: hidden;}
.section_nabout .article,
.section_nfzmb .article,
.section_nzlyy .article,
.section_xmgh .article,
.section_nptss .article,
.section_nhxyf .article,
.section_nnews .article,
.section_ncontact .article,
.section_njob .article,
.section_nculture .article{text-align: left;margin-bottom: 20px}
.section_nabout .article .C,
.section_nfzmb .article .C,
.section_nzlyy .article .C,
.section_xmgh .article .C,
.section_nptss .article .C,.C{margin: 15px 0;font-size: 14px;overflow: hidden;}
/*
 * 关于我们
 */
.section_nabout.block1{background:#fff;}
.section_nabout.block1 .article .T h2{background: url(../img/about_t_1.jpg) top center no-repeat;}
.section_nabout.block1 .article .T h3{background: url(../img/about_t_1_s.jpg) top center no-repeat;}

.section_nabout.block2{background:#f9f9f9;}

.section_nabout .media-box{width: 100%;}
.section_nabout .media-box .icon{width: 100%; height: 286px; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s; max-height: inherit;}
.section_nabout .media-box .icon img{height: 100%}
.section_nabout .media-box:hover .icon img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

/*
 * 配套设施
 */
.section_nptss .article .T h2{background: url(../img/section_nptss_t.jpg) top center no-repeat;}
.section_nptss .article .T h3{background: url(../img/section_nptss_t_s.jpg) top center no-repeat;}
.seglist .seg1{background: #f9f9f9}
.seglist .seg2{background: #ffffff}
.seglist .seg2 .f-fr{float: right!important}
.seglist .seg h4{margin-top: 20px;text-align: left;}
.seglist .seg h4 strong{font-size: 1.5rem}
.seglist img.pic{width: 100%}
.seglist a.more{display: inline-block;border-radius: 5px;background: #812021;padding: 6px 15px;color: #fff;margin-top: 10px}

.section_npark .parkarea{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	/* 水平居中*/
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align:center;/* IE 10 */
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
	/* 垂直居中 */
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack:center;/* IE 10 */
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.section_npark .park{margin-left: 2%}
.section_npark .media-box{width: 100%}
.section_npark .media-box .icon{width: 100%;height: auto}
.section_npark .media-box .icon img{width: 100%;}

/*
 * 产品详细
 */
.proDetail{padding-bottom: 10px}
.proDetail .content_bak{padding: 40px 25px}
.plist-news-val .pn-tel{ border-top:1px solid #ddd; padding-top:15px;color:#7c7c7c; background:url(../img/tel_ico01.gif) no-repeat 10px 18px}
.plist-news-val .pn-tel .tel1{ font-size:15px; font-weight:bold;margin: 0}
.plist-news-val .pn-tel .tel2{ font-size:22px; font-weight:bold;margin: 0}


.pc_proimg{border:1px solid #ddd;width: 560px;height: auto; text-align:center;max-width: 100%;}
.pc_proimg img{ max-width:100%; max-height:100% }
.prodet-right{}
.prodet-t1{ font-size:15px; font-weight:bold; margin-bottom:5px;}
.prodet-t2{ font-size:15px; font-weight:bold; color:#e14840; margin-bottom:10px;}
.prodet-t3{margin-bottom:15px;}
.prodet-t3 a{ padding:0 10px 0 3px; }
.prodet-t4  a{ display:inline-block; width:35%; height:30px; line-height:30px; font-size:13px; border:1px solid #ddd; text-align:center; margin-right:2%;}
.prodet-t4  a:hover{ background:#e14840; color:#fff; border-color:#bacedb;}
.prodet-t5{ margin-top:25px;}
.prodet-t5 .prodet-tjt{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.prodet-t5 .prodet-tjlist li img{ border:1px solid #ddd;width: 115px;height: 80px}
.prodet-t5 .prodet-tjlist li .prodet-tjname{ width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin-top:5px;}

.prodet-box-2{ margin-top:20px; padding:10px 0;}
.scroll_link{ background:#fafafa; border-bottom:2px solid #b5b5b5;}
.scroll_link li{ float:left; width:16%;}
.scroll_link li a{ display:block; text-align:center; line-height:34px; font-size:13px; color:#555555;}
.scroll_link li.active{ background:#f0f0f0;}
#prodet_main .section{ margin-top:20px;box-sizing:border-box; }
#prodet_main .section .prodet-tname{ font-size:13px; font-weight:bold; margin-bottom:10px;}
#prodet_main .section .proder-sum{ font-size:13px; line-height:28px;}
.tabbar-fix {position:fixed;top:0; z-index:10;}
.sideGuide{background: #fff}
#prodet_main{ }

/*
 * 新闻资讯
 */
.section_nnews .article .T h2{background: url(../img/section_news_t.jpg) top center no-repeat;}
.section_nnews .news-box {border-bottom: 1px solid #e9e8e8;transition: all .2s ease;}
.section_nnews .news-box .date {border-top: 0}
.section_nnews .news-box .date i {font-size: 48px;font-weight: normal;display: block;line-height: 1;}
.section_nnews .news-box .pic {width: 100%;}
.section_nnews .news-box.on {background: #ccc;}
.section_nnews .news-box.on a {}
.section_nnews .news-box.on a:hover {color:#761d1e}

/*
 * 新闻详细
 */
 /*小菜单*/
.PageMenuList{height: 46px;width: 100%;background: #f2f2f2;border-bottom: 1px solid #ebebeb;}
.PageMenuList .wrap{height: 47px; position:relative;}
.PageMenuList ul{position: absolute; left: 0px; top: 0px;}
.PageMenuList ul li{float: left; height: 45px; padding: 0 17px; line-height: 45px; margin: 1px;}
.PageMenuList ul li.hover{border: 1px solid #ebebeb; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
.PageMenuList ul li a{font-size: 14px; color: #454545;}
.PageMenuList ul li.hover a, .PageMenuList ul li a:hover{color: #00aa3a;}
/*面包屑*/
.PageCrumbList{width: 100%;}
.PageCrumbList .wrap{height: 46px;line-height: 46px; position:relative;border-bottom: 1px solid #ebebeb;}
.PageCrumbList ul{position: absolute; left: 0px; top: 0px;}
.PageCrumbList ul li{float: left; height: 45px; padding: 0 3px; line-height: 45px; margin: 1px;}
.PageCrumbList ul li.hover{border: 1px solid #ebebeb; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
.PageCrumbList ul li a{font-size: 14px; color: #454545;}
.PageCrumbList ul li.hover a, .PageCrumbList ul li a:hover{color: #00aa3a;}
/*正文*/
.newsDetail{padding-bottom: 3em}
.newsTit{width:100%;border-bottom:1px solid #eee;text-align:center;padding-bottom:24px}
.newsTit h1{font-size:32px;color:#000;padding:30px 0 30px;font-weight: normal;line-height: 1.3}
.newsTit p{font-size:14px;color:#454545}
.newsTit p span{padding:0 20px}
.newsTit p span .icon_js_c{background:url(../img/base/icon_news_detail.gif) no-repeat;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;overflow:hidden;font-size:14px;vertical-align:middle;margin-left:4px}
.newsTit p span .icon_js_c_hover{background:url(../img/base/icon_news_detail.gif) -20px 0 no-repeat}
.newsThumb{text-align: center;}
.newsThumb img{max-width: 90%}
/*内容*/
.content{font-size:14px;line-height:30px;padding:40px 0px 40px;margin-bottom: 16px;}
.content p{font-size:14px;margin:1.12em 0;line-height:30px}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height: 150%}
.content h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content h2{font-size:24px;font-weight:bold;margin:.75em 0}
.content h3{font-size:18px;font-weight:bold;margin:.83em 0}
.content h4{font-size:16px;font-weight:bold;margin:1.12em 0}
.content h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content ul li{list-style:inherit}
.content .n_top{margin-top:0}

.content_bak{font-size:14px;line-height:30px;padding:40px 60px;background-color: #F4F4F4;margin-bottom: 16px;}
.content_bak p{font-size:14px;margin:0 0;line-height:30px}
.content_bak h1,.content_bak h2,.content_bak h3,.content_bak h4,.content_bak h5,.content_bak h6{line-height: 150%}
.content_bak h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content_bak h2{font-size:24px;font-weight:bold;margin:.75em 0}
.content_bak h3{font-size:18px;font-weight:bold;margin:.83em 0}
.content_bak h4{font-size:16px;font-weight:bold;margin:1.12em 0}
.content_bak h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content_bak h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content_bak ul li{list-style:inherit}
.content_bak .n_top{margin-top:0}
/*点赞*/
.newsPj{width:100%;text-align:center;padding-bottom:24px}
.newsPj a.good,.newsPj a.bad{float:none}
a.good,a.bad{font-size: 14px; float: right; color: #999;cursor: pointer}
a.bad{padding-left: 18px}
a.good span,a.bad span{background: url(../img/base/icon_news_detail.gif) no-repeat; width: 24px; display: inline-block; vertical-align: text-bottom; height: 31px; margin-right: 7px; cursor: pointer;}
.newsPj a.bad span{background-position:0 -51px}
.newsPj a.good span{background-position:0 -20px}
.newsPj a.bad:hover span{background-position:-24px -51px}
.newsPj a.good:hover span{background-position:-24px -20px}
/*分享*/
.newsbshare{text-align:center;font-size:14px}
.newsDetailCur{width:100%;position:relative;padding:22px 0 16px}
.newsDetailCur li{width:49.9%;float:left;font-size:14px;position:relative;z-index:1111;overflow: hidden;}
.newsDetailCur li a{padding:5px 0 5px;}
.newsDetailCur li.r{float:right;text-align:right}
/*手机查看*/
.check_moblie{ display:inline-block; width:98px; height:30px; vertical-align:middle; background:#f2f2f2; border:1px solid #e5e5e5; line-height:30px; color:#999; text-indent:9px; text-align:left; position:relative; cursor:pointer; margin-left:20px;}
.check_moblie .isj{background:#888888; width:0px; height:0px; overflow:hidden; margin-bottom:5px; border-top:5px solid #888888; border-right:5px solid #f2f2f2;border-left:5px solid #f2f2f2; display:block; position:absolute; right:8px; top:14px;}
.check_moblie .isj_hover{ border-top:none; border-bottom:5px solid #888888;}
.mobile_qrview{ width:100%; min-width:100%; display:none;}
.mobile_qrview .in{ border:1px solid #e5e5e5; position:relative; padding:20px 29px; min-height:130px; _height:130px; margin-top:22px;}
.mobile_qrview h1{ font-size:30px; color:#000; padding-bottom:10px;}
.mobile_qrview p{ line-height:24px; font-size:14px; color:#999}
.mobile_qrview img{float:right}
.mobile_qrview .clmoblie{ width:12px; height:12px; display:block; overflow:hidden; position:absolute; right:10px; top:10px; background:url(../images/icon_close_moblie.gif)}

/*
 * 联系我们
 */
.section_ncontact .article .T h2{background: url(../img/section_ncontact_t.jpg) top center no-repeat;}
.usinfo{padding: 10px 0}
.usinfo .usinfo_title{line-height: 54px; margin-bottom: 20px; font-size:38px;}
.usinfo .info{font-size: 14px; color: #444; line-height: 30px;}
.m-form .btn{width: 100%;border-radius: 0;padding:11px 0px;border:1px solid #fff;background: #080807;color: #a1cbf0;}
.m-form .btn { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.m-form .btn-default:focus,
.m-form .btn-default.focus{color: #fff; background-color: #080908; border-color: #fff;}
.m-form .btn-default:hover{color: #a1cbf0; background-color: #080807; border-color: #fff;}
#map{border:1px solid #000;margin-top:40px}

/*
 * 招聘
 */
.section_njob{padding-top: 2em;padding-bottom: 4em}
.section_njob .index_{padding-top: 1em;padding-bottom:1em}
.section_njob .article{margin-bottom: 0}
.section_njob .article .T h2{background: url(../img/section_njob_t.jpg) top center no-repeat;}
.section_njob .seg{padding: 5px;border: 1px solid #d5d5d5;text-align: left;margin-bottom: 15px}
.section_njob .seg .segin{padding: 5%;border: 1px solid #d5d5d5}
.section_njob .seg .segin .C{height: 130px}
.section_njob .seg h4{margin:15px 0}
.section_njob .seg h4 strong{font-size: 1.2rem}
.section_njob .help_info{padding: 20px 0;background-color: #f7f7f7;margin-bottom: 1em;text-align: center}
.section_njob a.back{position: absolute;top: 28px;padding: 2px 15px;border:1px solid #ccc}
/*
 * 招聘详细
 */
.jobapply{border: 1px solid #cccccc;padding: 45px}
.jobchild{font-size: 14px;border-right: 1px solid #cccccc}
.jobchild p.job_label{padding:4px 0}
.jobchild h3.job_name{color:#333333;line-height: 43px;font-size: 26px;margin-bottom: 15px;font-weight: 500;}
.jobchild h4.job_name{font-size: 15px;margin-top: 25px;margin-bottom: 5px;}
.jobchild p,.jobchild .job_label,.jobchild .job_cont{color:#7c7c7c;}

/*
 * widgets
 */
.num_conts{position: absolute; width: 520px; height: 166px; top: 50%; left: 50%; margin-top: -83px; margin-left: -260px;}
.num_cont{float: left; width: 33.3333333%; line-height: 20px; color:#fff; text-align: center; font-size: 20px; font-weight: bold;}
.num_cont div.b1{display: block; width: 114px; height: 114px; border:1px solid #fff; border-radius: 50%; margin:0 auto; line-height: 15px; padding: 2px;}
.num_cont div.b2{width: 112px; height: 112px; border:1px solid #fff; border-radius: 50%; margin:0 auto; font-size: 16px; font-weight: normal;}
.num_cont div.b2 span{font-family:'DIN Condensed Bold';font-size:48px;margin-top: 40px; display: block;font-weight: bold;}
.num_cont p{margin-top: 26px;}


/*
 * icon
 */
i.jbicon{position:absolute;display: inline-block; overflow: hidden; width: 32px; height: 32px; vertical-align: middle; background-repeat: no-repeat;top: 50%;right: 10px; margin-top: -16px; }


/*
* animate
*/
.chan_anim{-webkit-transform-style:preserve-3d;-webkit-animation-name:chan-anim;-webkit-animation-duration:40s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;transform-style:preserve-3d;animation-name:chan-anim;animation-duration:40s;animation-iteration-count:infinite;animation-timing-function:linear;}
@-webkit-keyframes chan-anim{0%{background-position-x:0;}
to{background-position-x:100%;}
}
@keyframes chan-anim{0%{background-position-x:0;}
to{background-position-x:100%;}
}
.ab_group .ab_anim{left:0;-webkit-transform-style:preserve-3d;-webkit-animation-name:ab-anim;-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;transform-style:preserve-3d;animation-name:ab-anim;animation-duration:1s;animation-iteration-count:1;animation-timing-function:ease;}
@-webkit-keyframes ab-anim{0%{left:-100%;}
to{left:0;}
}
@keyframes ab-anim{0%{left:-100%;}
to{left:0;}
}
.serv_anim{-webkit-transform-style:preserve-3d;-webkit-animation-name:serv-anim;-webkit-animation-duration:15s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;transform-style:preserve-3d;animation-name:serv-anim;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:ease-out;}
@-webkit-keyframes serv-anim{0%{background-position-y:0;}
to{background-position-y:-220px;}
}
@keyframes serv-anim{0%{background-position-y:0;}
to{background-position-y:-220px;}
}
.service_channel .serv_item_anim{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;-webkit-animation-name:serv-item-anim;-webkit-animation-duration:.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in;transform-style:preserve-3d;animation-name:serv-item-anim;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease-in;}
@-webkit-keyframes serv-item-anim{0%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);}
to{-webkit-transform:rotateY(0);transform:rotateY(0);}
}
@keyframes serv-item-anim{0%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);}
to{-webkit-transform:rotateY(0);transform:rotateY(0);}
}
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
@-moz-keyframes rotateYOpacityAn{
0%{ -moz-transform: translateX(-80px);opacity:0;}
80%{ -moz-transform: translateX(20px);}
100%{ -moz-transform:translateX(0); opacity:1;}
}
@-webkit-keyframes rotateYOpacityAn {
0%{ -webkit-transform: translateX(-80px);opacity:0;}
80%{ -webkit-transform: translateX(20px);}
100%{ -webkit-transform:translateX(0); opacity:1;}
}
@-o-keyframes rotateYOpacityAn{
0%{ -o-transform: translateX(-80px);opacity:0;}
80%{ -o-transform: translateX(20px);}
100%{ -o-transform:translateX(0); opacity:1;}
}

@media screen and (min-width: 0px) and (max-width:1024px){
    .index_ .T h2{font-size: 26px;}
}

@media screen and (min-width: 0px) and (max-width:768px){
	.ghost-center2 p{padding: 10px;}
}

@media screen and (min-width: 0px) and (max-width:640px){
	.section_news .media-box .icon{height: 110px;}
    footer .tel_hot{font-size: 18px;}
	.nbanner span.size2,.index_ .T h3{font-size: 16px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
  .ghost-center p{top: 0;}
}

@media screen and (min-width: 0px) and (max-width:375px){
	.section_adv1{display: none;}
}